<template>
  <div>
    <n-button @click="fileHandle">提示框</n-button>
    <n-button @click="sendNot">notification 通知</n-button>
    <!-- <n-button @click="createAppWindows">创建窗口</n-button> -->
    <n-divider />
    {{ meg }}
    <n-button type="primary" @click="updateTask">检查更新</n-button>
  </div>
</template>

<script setup lang="ts">
import { message } from "@tauri-apps/plugin-dialog";

// import { createWindow } from '@/hooks/windows/createwindow'
import useNotification from '@/hooks/notification';
import pkg from "../../package.json";
import useUpdater from "@/hooks/updater";
import { ref } from "vue";
const { sendMessage } = useNotification();

const sendNot = async () => {
  await sendMessage("提示", "您当前有代办的任务需要处理！");
};


const meg = ref("版本检测 ");

const { checkV, updater } = useUpdater();
const state = ref(false);
const updateTask = async () => {
  if (state.value) {
    await updater();
  } else {
    let res = await checkV();
    if (res) {
      meg.value = "发现新版本：" + res.meg;
      state.value = pkg.version !== res.version;
    }
  }
};

// // 方式1: 使用封装好的actions
// function initWindows() {
//   // 创建登录窗口
//   loginWin()

//   // 创建主窗口
//   mainWin()

//   // 创建关于窗口
//   // aboutWindow()
// }

// 方式2: 使用createWindow统一入口
// async function createAppWindows() {
//   // 创建登录窗口
//   await createWindow('login')

//   // 创建主窗口
//   // await createWindow('main')

//   // 创建消息窗口
//   // await createWindow('msgbox', {
//   //   title: '自定义标题',
//   //   url: '/custom-msg'
//   // })
// }

// 提示框
const fileHandle = async () => {
  await message("提示内容", { title: "demo_title_error", kind: "error" });
};
</script>

<style scoped></style>
